<script setup>
import { ref, computed } from "vue";

const firstNmae = ref("John");
const lastName = ref("Joe");

const fullName = computed(() => {
  return `${firstNmae.value} ${lastName.value}`;
});
</script>

<template>
  <div>{{ fullName }}</div>
</template>